<template>
  <div class="asideBar">
    <div class="header">
      <span class="title">
        {{ props.title }}
      </span>

      <span v-if="subtitle" class="subtitle"> {{ props.subtitle }} </span>
    </div>
    <div class="main"></div>
  </div>
</template>

<script lang="ts">
export default {
  name: '',
}
</script>

<script lang="ts" setup>
import { ref, reactive } from 'vue'
enum displayType {
  album = 'albumAside',
  songlist = 'songlistAside',
  song = 'songAside',
  user = 'userAside',
  singer = 'singerAside',
}
const props = defineProps<{
  title: string
  subtitle?: string
  type: displayType
}>()

//当前展示的类型  专辑 歌单 音乐 用户  歌手
const type = ref<displayType>()
</script>

<style scoped></style>
